<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户登录</title>
    <link rel="stylesheet" href="css/pico.min.css" />
    <style>
      main {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
      form {
        width: 30rem;
        border: 1px solid #ccc;
        padding: 2rem;
        border-radius: 0.5rem;
        box-shadow: 5px 5px 10px #ccc;
      }
    </style>
  </head>
  <body>
    <main class="container">
      <form action="/todo" method="post">
        <h2>添加代办事项</h2>
        <div>
          <label for="title">标题</label>
          <input type="text" name="title" id="title" />
        </div>
        <div>
          <label for="priority">优先级</label>
          <input type="text" name="priority" id="priority" />
        </div>
       
        <button>添加代办事项</button>
      </form>
    </main>
  </body>
</html>
